<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--head部分-->
<head>
    <title>商场管理系统</title>
    <link href="/static/layui/css/layui.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="../resources/favicon.ico" th:href="@{/static/favicon.ico}"/>
    <script type="text/javascript" src="/static/js/jquery/jquery-3.3.1.min.js"></script>
    <link rel="shortcut icon" href="/static/images/logo.png" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" href="/static/css/style.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
</head>
<style>
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: absolute;
        z-index: 0;
        background: url("https://gitee.com/zyb_01_01/blog-images/raw/master/img/background.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    #container{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 1;
        width: 310px;
        height: 340px;
    }
</style>
<body>
    <div id="container" class="layui-anim layui-anim-upbit">
        <div id="header"><span style="font-size: 30px;color: #009688;font-weight: bolder;" >欢迎使用</span>&nbsp;商城后台管理系统</div>

        <div id="bd" class="layui-form">
            <input class="img1" type="text" name="username" required  lay-verify="required" placeholder="请输入账号" autocomplete="off" >

            <input class="img3" type="email" name="email" required lay-verify="required" placeholder="请输入邮箱" autocomplete="off" >

            <div th:if="${msg} != null" style="text-align: center;color: green">
                <span th:text="${msg}"></span>
            </div>
            <div th:if="${error} != null" style="text-align: center;color: red">
                <span th:text="${error}"></span>
            </div>
            <div style="width: 240px; margin-top: 30px;margin-left: 30px">
                <button id="loginBtn" class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="login">找回密码</button>
            </div>
        </div>
        <div  style="text-align: center;color: #2F4056;margin-top: 5px">
            <a href="/login"> 返回登录</a>
        </div>
    </div>


</body>
</html>